<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:p="http://primefaces.org/ui" template="../template/layout.xhtml">

<ui:define name="cssStyle">
.ui-widget-content{
border:0;
}
</ui:define>

	<ui:define name="content">
		<h:form id="form" enctype="multipart/form-data">
			<p:growl globalOnly="true" showDetail="true" autoUpdate="true" />

			<h1 class="titulo-h1">Pesquisar Produtos e Serviços</h1>
			<h:panelGrid columns="3" style="width:415px;border:0px;">

				<p:selectOneMenu value="#{produtoMB.filter.tipo}"
					style="width:200px;margin-top:-20px;position:absolute">
					<f:selectItem itemLabel="Produto" itemValue="Produto" />
					<f:selectItem itemLabel="Servico" itemValue="Servico" />
				</p:selectOneMenu>

				<p:commandButton style="margin-left:215px;" value="Pesquisar" ajax="false"
					action="#{produtoMB.listar}" />
				<p:commandButton value="Novo" ajax="false"
					action="#{produtoMB.abrirCadastro}" />
			</h:panelGrid>
			
			<p:spacer height="25"></p:spacer>

			<h1 class="titulo-h1">Lista de Produtos e Serviços</h1>
			<p:dataGrid style="text-align:center;border:0 !important;" id="listaProdutos" var="dto" value="#{produtoMB.lista}"
				columns="3" rowIndexVar="i">
				<p:column>
					<p:panel id="item" style="text-align:center;width:300px; border:0">
						
						<h2 class="titulo-h2">#{dto.nome}</h2>
						
						<center>
							<h:panelGrid columns="1" style="width:200px;">
								<p:graphicImage value="#{produtoMB.getImageFromHell()}"
									style="width:200px;height:200px;">
									<f:param name="id_produto" value="#{dto.codigo}" />
								</p:graphicImage>
								<p style="text-align: center;">
									<h:outputText value="#{dto.descricao}" />
								</p>
								</h:panelGrid>
						</center>
						
						<p:commandButton style="margin-left:2px;" image="ui-icon-pencil" ajax="false"
						action="#{produtoMB.abrirEdicao(dto)}" />
						<p:commandButton image="ui-icon-closethick"  ajax="false"
						action="#{produtoMB.remover(dto)}" />
						
						<p:commandButton rendered="#{produtoMB.produtoAbertoParaEdital(dto)==true}" value="Criar Edital" ajax="false" action="#{editalMB.prepararNovoEdital(dto)}" />
						<p:commandButton rendered="#{produtoMB.produtoAbertoParaEdital(dto)==false}" disabled="true" value="Criar Edital" ajax="false" action="#{editalMB.prepararNovoEdital(dto)}" />
							
					

					</p:panel>
				</p:column>

			</p:dataGrid>
		</h:form>
	</ui:define>

</ui:composition>